<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
	<style>
		.box{
			width: 530px;
			height: 200px;
			border: solid 1px #62B85F;
			margin: 0 auto;
			
		}
		.box2{
			width: 530px;
			height: 70px;
			border: solid 1px #39B5F1;
			margin: 0 auto;
			margin-top: 20px;
		}
		.box div:nth-of-type(1){
		    width: 530px;
			height: 30px;
			border-bottom: solid 1px;
			background-color:#62B85F;
			line-height: 30px;
			color: white;
			font-family: "楷体";
			font-size: 15px;
		}
		.box div:nth-of-type(2){
		    width: 530px;
			height: 115px;
			font-family: "楷体";
			font-size: 13px;
			text-indent: 2em;
			line-height: 1.5;
			padding-top: 10px;
		}
			.box div:nth-of-type(3){
		    width: 530px;
			height: 70px;
			font-family: "楷体";
			font-size: 13px;
			text-indent: 2em;
			line-height: 1.5;
			
		}
		.box2 div:nth-of-type(1){
		    width: 530px;
			height: 30px;
			border-bottom: solid 1px;
			background-color:#39B5F1;
			line-height: 30px;
			color: white;
			font-family: "楷体";
			font-size: 15px;
		}
		.box2 div:nth-of-type(2){
		    width: 530px;
			height: 50px;
			font-family: "楷体";
			font-size: 13px;
			text-indent: 2em;
			line-height: 1.5;
			margin-top: 5px;
		}
	
	
	</style>
</head>

<body>
	<div class="box">
	      <div>
			  欢迎光临，通讯录管理系统！
	       </div>
		<div>
		     这是一个使用thymeleaf渲染与数据库相结合的通讯录管理系统。在该系统上我们有三个实体类、分别是联系人类、电话号码类、组别类。显而易见，联系人与号码是一对多的关系，组别和联系人类是多对多关系。这些在后台我们都有实现。该系统的主要功能有对组别、联系人的增、删、改、查。对于查看的类别我们引入了自定义sql语句的查询，多种查询满足用户的需求。登入登出系统。在2021/12/8已经完成了表与表之间的关系，已经可以存入数据在后台的数据库。还未完成的系统还有登入登出。后续会接着完成尽请期待......
		</div>
		<div>
			 对该系统我们做的不够足的地方还有，邮箱注册，黑名单的结构，在添加号码的时候不符合平常的添加逻辑。联系人更多的细节还未完成例如住址、微信等等。
		</div>
	
    </div>
	<div class="box2">
		 <div>
			 开始体验吧！
	       </div>
		<div>点击左边菜单栏！选择功能！开始体验吧！</div>
	
	</div>
</body>
</html>
